<template>
	<view class="my-container">
		<view class="user-info">
			<image class="avatar" src="/static/img/me.png"></image>
			<view class="user-name">未登录</view>
		</view>
		<button class="login-btn" type="primary" @click="goToLogin">去登录</button>
	</view>
</template>

<script setup>
	const goToLogin = () => {
		uni.navigateTo({
			url: '/pages/login/login'
		});
	}
</script>

<style scoped>
	.my-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 40rpx;
	}
	
	.user-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-bottom: 60rpx;
	}
	
	.avatar {
		width: 180rpx;
		height: 180rpx;
		border-radius: 50%;
		margin-bottom: 20rpx;
	}
	
	.user-name {
		font-size: 32rpx;
		color: #666;
	}
	
	.login-btn {
		width: 80%;
		margin-top: 40rpx;
	}
</style>
